<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>报修查询</title>
    <link rel="stylesheet" href="__PUBLIC__/home/css/weui.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/home/css/example.css"/>
    <link rel="stylesheet" href="__PUBLIC__/home/css/reset.css"/>
    <style>
        .accordion-item-content{
            display: none;
        }
        .active{
            background: #F1F1F1;
        }
        .coll{
            padding-left: 24px;
        }
        .accordion-item{
            border-top: 1px solid #D9D9D9;
        }
    </style>
</head>
<body>
<div class="hd">
    <h1 class="page_title">宽带故障与账号问题反映</h1>
    <p class="page_desc">广西水利电力职业技术学院</p>
    <div class="weui_btn_area">

        <a id="btn2" class="weui_btn weui_btn_plain_primary forgot" href="{:U('Home/Index/index')}">← 报修宽带</a>

    </div>
</div>

<div id="bx_reg">
    <form action="__URL__/cx" method="post" id="chax">
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">学号</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" name="stuid" type="text" placeholder="请输入学号" required/>
                </div>
            </div>
        </div>
        <div class="weui_cells weui_cell">
            <div class="weui_cell_hd"><label class="weui_label">手机</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" name="phonum" type="text" placeholder="请输入手机" required/>
            </div>
        </div>
        <div class="weui_btn_area">
            <input class="weui_btn weui_btn_primary" name="" type="submit" value="确定">
        </div>
    </form>


</div>
<script src="__PUBLIC__/home/js/jquery-2.2.4.min.js"></script>
<script>

    (function($) {
        $.fn.accordion = function(a) {
            var agm={
                item:'.accordion-item',
                toggle:'.accordion-item-toggle',
                content:'.accordion-item-content'
            };

            var o=$.extend(agm,a);
            var _this=$(this);
            var item=_this.find(o.item);
            var toggle=_this.find(o.toggle);
            var content=_this.find(o.content);
            item.click(function () {
                content.eq($(this).index()).slideToggle("fast");
                toggle.eq($(this).index()).toggleClass("active");
            });
            content.click(function (e) {
                e.stopPropagation();
            });
        }
    })(jQuery);

    $('.citem').accordion();
</script>
</body>
</html>